<template>
  <div class="linebtn">
    <button>{{btntext}}</button>
    <div class="shadow"></div>
  </div>
</template>
<script>
export default {
  name:'linebtn',
  data(){
      return {
        
      }
  },
  props:{
    btntext:{
      type:String,
      default:"提交"
    }
  }

}
</script>
<style lang="less" scoped>
.linebtn {
  position: relative;
  line-height: 90/75rem;
}
button {
  position: absolute;
  width: 100%;
  height: 80/75rem;
  background: #ff406f;
  border-radius: 30/75rem;
  border: none;
  font-size: 38/75rem;
  color: #fff;
  z-index: 999;
}
.shadow {
  width: 100%;
  height: 80/75rem;
  border-radius: 40/75rem;
  box-shadow: 0 23px 42px -1px #ff89a6;
  position: absolute;
  z-index: 9;
  top: 0
}
</style>

